<div id="sidebar">
	<a href="#" class="visible-phone"><i class="icon {{ curr_menu.icon }}"></i>{ curr_menu.label }}</a>
    <ul>
    {% for menu in menus %}
        {% if menu.type == 'link' %}
	       <li class="{{ menu.css }}"><a href="{{ menu.href }}"><i class="icon {{ menu.icon }}"></i> 
	           <span>{{ menu.label }}</span></a>
           </li>
       {% elseif menu.type == 'multiple' %}
           <li class="submenu {{ menu.css }}"><a href="#"><i class="icon {{ menu.icon }}"></i>
                <span>{{ menu.label }}</span> 
                <span class="label">{{ menu.count_submenu }}</span></a>
                <ul>
                {% for submenu in menu.submenus %}
                    <li class="{{ submenu.css }}"><a href="{{ submenu.href }}">{{ submenu.label }}</a></li>
                {% endfor %}
                </ul>
       {% endif %}
    {% endfor %}
	</ul>
	<!--
	<ul>
		<li class="active"><a href="index-2.html"><i
				class="icon icon-home"></i> <span>Dashboard</span></a></li>
		<li class="submenu"><a href="#"><i class="icon icon-th-list"></i>
				<span>Form elements</span> <span class="label">3</span></a>
			<ul>
				<li><a href="form-common.html">Common elements</a></li>
				<li><a href="form-validation.html">Validation</a></li>
				<li><a href="form-wizard.html">Wizard</a></li>
			</ul></li>
		<li><a href="buttons.html"><i class="icon icon-tint"></i> <span>Buttons
					&amp; icons</span></a></li>
		<li><a href="interface.html"><i class="icon icon-pencil"></i>
				<span>Interface elements</span></a></li>
		<li><a href="tables.html"><i class="icon icon-th"></i> <span>Tables</span></a></li>
		<li><a href="grid.html"><i class="icon icon-th-list"></i> <span>Grid
					Layout</span></a></li>
		<li class="submenu"><a href="#"><i class="icon icon-file"></i>
				<span>Sample pages</span> <span class="label">4</span></a>
			<ul>
				<li><a href="invoice.html">Invoice</a></li>
				<li><a href="chat.html">Support chat</a></li>
				<li><a href="calendar.html">Calendar</a></li>
				<li><a href="gallery.html">Gallery</a></li>
			</ul></li>
		<li><a href="charts.html"><i class="icon icon-signal"></i> <span>Charts
					&amp; graphs</span></a></li>
		<li><a href="widgets.html"><i class="icon icon-inbox"></i> <span>Widgets</span></a>
		</li>
	</ul>
    -->
</div>